<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>


<!doctype html>
<html>
<head>

<title>商品详细信息页面</title>
<link rel="stylesheet"
	href="${pageContext.request.contextPath }/css/style.css"
	type="text/css" media="screen" />

<link rel="stylesheet"
	href="${pageContext.request.contextPath }/css/substyle.css"
	type="text/css" media="screen" />

<script type="text/javascript">
	function addProductToCart(id) {
		location.href = "${pageContext.request.contextPath}/cart?method=add&id=" + id;
	}
</script>

</head>

<body>
	<p class="topbar">&nbsp;</p>

	<div id="submain">
		<!-- art-header -->
		<div class="art-header">
			<div class="art-header-png"></div>
			<div class="estore">
				<h1 style="font-size: 30px; margin: 30px 0 10px 0;">Estore图书商城</h1>
				<!-- art-blockcontent-body -->
				<div class="art-blockcontent-body">

					<form method="post" id="loginForm"
					action="${pageContext.request.contextPath}/user"><input
						type="hidden" name="method" value="login">
						<table style="margin-left: 10px;">
							<tr>
								<td colspan="2"><font color='red'
									style="margin-top: -10px;">${requestScope["login.message"]
																	}</font>
							</td>
						</tr>
							<tr>
								<td class="login">用户名：</td>
								<td><input type="text" value="" name="username"
									id="username" /><br /></td>
						</tr>
							<tr>
								<td class="login">密码：</td>
								<td><input type="password" value="" name="password"
									id="password" /></td>
						</tr>
							<tr class="rem">
								<td colspan="2"><input type="checkbox" name="remember"
									value="on" />记住用户 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input
									type="checkbox" name="autologin" value="on" />自动登陆</td>
						</tr>
							<tr>
								<td colspan="2"><input class="art-button" type="submit"
									name="loginbtn" value="登陆" style="margin-right: 10px;" />
								<button class="art-button"><a
										href='${pageContext.request.contextPath}/regist.jsp'
										style="color: white;">注册</a></button></td>


						</tr>
					</table></form>



			</div> <!-- art-blockcontent-body -->

		</div>
	</div> <!-- art-header -->


		<div id="productmain">
			<!--sideleft  -->
			<div id="sideleft" style="min-height: 600px !important; float: left;margin-right:30px;">
				<div>
					<h1 class="kind">图书类别</h1>
					<div>
						<ul>
							<li><img src="images/plane.png" height="22" width="24" />&nbsp;&nbsp;<a
								href='${pageContext.request.contextPath}/productkinds.jsp'>小说</a></li>
							<li><img src="images/plane.png" height="22" width="24" />&nbsp;&nbsp;<a
								href='${pageContext.request.contextPath}/productkinds.jsp'>童书</a></li>
							<li><img src="images/plane.png" height="22" width="24" />&nbsp;&nbsp;<a
								href='${pageContext.request.contextPath}/productkinds.jsp'>学习考试</a></li>
							<li><img src="images/plane.png" height="22" width="24" />&nbsp;&nbsp;<a
								href='${pageContext.request.contextPath}/productkinds.jsp'>文学</a></li>
							<li><img src="images/plane.png" height="22" width="24" />&nbsp;&nbsp;<a
								href='${pageContext.request.contextPath}/productkinds.jsp'>音乐</a></li>
							<li><img src="images/plane.png" height="22" width="24" />&nbsp;&nbsp;<a
								href='${pageContext.request.contextPath}/productkinds.jsp'>艺术</a></li>
							<li><img src="images/plane.png" height="22" width="24" />&nbsp;&nbsp;<a
								href='${pageContext.request.contextPath}/productkinds.jsp'>科技</a></li>
					</ul>
				</div>
			</div>


				<h3>其他作品</h3>

				<ul>
					<li><img src="images/star.png" height="22" width="24" />&nbsp;&nbsp;<a
						href="#">云来云去</a></li>
					<li><img src="images/star.png" height="22" width="24" />&nbsp;&nbsp;<a
						href="#">谢谢你离开我</a></li>
					<li><img src="images/star.png" height="22" width="24" />&nbsp;&nbsp;<a
						href="#">李易峰最美好的时刻</a></li>
					<li><img src="images/star.png" height="22" width="24" />&nbsp;&nbsp;<a
						href="#">红颜祸水</a></li>
					<li><img src="images/star.png" height="22" width="24" />&nbsp;&nbsp;<a
						href="#">再美也美不过想象</a></li>
					<li><img src="images/star.png" height="22" width="24" />&nbsp;&nbsp;<a
						href="#">愿有人陪你颠沛流离</a></li>
					
			</ul>

		</div> <!--sideleft  --> <!--proMore  -->
		
			<div class="proMore" >
			
			
			   <img src="/bookEstore/${p.imgurl}" style="float:left;margin-right:20px;width="216px" height="200px">
				<table style="width:40%;">

					<tr>
					   <!--<td rowspan="5"> <img src="http://localhost:8080/bookEstore/${p.imgurl_s}">
			           <img src="images/subpart.png">
			           </td>-->
						<td><h2>商品名称:${p.name}</h2><br>
						
						</td>
				</tr>

					<tr class="lineH">
						<td>商品价格:${p.price}</td>
				</tr>
					<tr class="lineH">
						<td>商品类别:${p.category}</td>
				</tr>
					<tr class="lineH">
						<td>商品数量:${p.pnum}</td>
				</tr>
					<tr style="font-size:18px;">
						<td >商品描述:&nbsp;&nbsp;<span style="height:10px;width:200px;font-size:16px;">${p.description}</span></td>
				</tr>

					<tr>
						<td colspan="2"><button onclick="addProductToCart('${p.id}')" style="background:#87520E;color:white;line-height:30px;font-size:18px;border-radius:5px;border:#87520E;padding:5px 40px;cursor:pointer;">加入购物车</button></td>
				</tr>
			</table>
			
			
		
		
		
		
			</div> 
			
			<!--proMore  -->
			
			   

	</div>
</div>
 <footer style="padding-bottom:20px;margin-top:20px;" id="footer">
        
            <div>&nbsp;</div>
            <p style="background:#87520E; height:40px;">&nbsp;</p>
        </footer>

</body>
</html>
